import React from 'react';
import styles from './App.module.css'
import { BrowserRouter as Router, Route, Switch } from "react-router-dom"
import { HomePage, RegisterPage, SignInPage, DetailPage } from './pages';
import { NotFindPath } from "./components/404"
function App() {
  return (
    <div className={styles.App}>
      <Router>
        <Switch>
          <Route exact path="/" component={HomePage} />
          <Route path="/signIn" component={SignInPage}></Route>
          <Route path="/register" component={RegisterPage} />
          <Route path="/detail/:touristRouteId" component={DetailPage} />
          <Route component={NotFindPath} />
        </Switch>
      </Router>
    </div>
  );
}

export default App;
